<template>
  <div class="all">
    <div class="center">
      <div class="left">左</div>
      <div class="right">
        <table>
          <thead>
            <tr>
              <th>登录</th>
              <th>手机号登录</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>用户名/账号</td>
              <td>
                <input type="text">
              </td>
            </tr>
            <tr>
              <td>密码</td>
              <td>
                <input type="text">
              </td>
            </tr>
            <tr>
              <td colspan="2">
                <van-button type="primary" style="width: 150px;height: 30px;" color="#7232dd" to="/dashboard">登录</van-button>
              </td>
            </tr>
            <tr>
              <td colspan="2">
                <van-button type="primary" style="width: 150px;height: 30px;" color="#7232dd">二维码登录</van-button>
              </td>
            </tr>
          </tbody>          
        </table>
      </div>
    </div>
  </div>
</template>
<style scoped>
.all{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.center{
  width: 60%;
  height: 60%;
  background-color: plum;
  display: flex;
}
.left{
  width: 60%;
  background-color: pink;
}
.right{
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
table{
  border: 1px solid;
}
</style>